<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
    String path=request.getContextPath();  
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="<%=basePath%>"></base>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>老师自动抽取</title>
<link rel="stylesheet" href="js/plugins/jquery-ui/themes/redmond/jquery-ui.min.css" />
<link rel="stylesheet" href="js/plugins/jqGrid/css/ui.jqgrid.css" />
<link rel="stylesheet" href="css/layout.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript" src="js/plugins/jqGrid/js/i18n/grid.locale-cn.js"></script>
<script type="text/javascript" src="js/plugins/jqGrid/js/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="js/plugins/jquery-ui/ui/jquery-ui.js"></script>
<script type="text/javascript" src="js/plugins/jquery-ui/ui/i18n/jquery.ui.datepicker-zh-CN.js"></script>
<script type="text/javascript" src="js/plugins/noty/jquery.noty.js"></script>
<script type="text/javascript" src="js/plugins/noty/layouts/topRight.js"></script>
<script type="text/javascript" src="js/plugins/noty/layouts/top.js"></script>
<script type="text/javascript" src="js/plugins/noty/layouts/center.js"></script>
<script type="text/javascript" src="js/plugins/noty/themes/default.js"></script>

<script type="text/javascript" src="js/AC_RunActiveContent.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/tutor/tutorAutoSelect.js"></script>
<script>
    $(function() {
        setupMenu();

        setupContent();

        setupTutorGrid();

        setupTutorToolbar();

        setupTutorDialog();

        $.datepicker.setDefaults($.datepicker.regional[ "zh-CN" ]);
        $("#birthdayFrom").datepicker({dateFormat: "yy-mm-dd", changeMonth: true, changeYear: true, yearRange: "-99:+0"});
        $("#birthdayTo").datepicker({dateFormat: "yy-mm-dd", changeMonth: true, changeYear: true, yearRange: "-99:+0"});
    });
</script>
<style type="text/css">
#callForm {
 margin-top:20px;
}
#callForm input {
 width:150px;
}
#callForm select {
 width:150px;
}
#callForm textarea {
 width:400px;
}
td {
 padding:2px;
}
</style>
</head>
<body>
 <div id="container">
  <%@ include file="../header.jsp"%>
  <div id="mainContent">
   <div id="tabs">
    <ul>
     <li><a href="#tab">老师自动抽取</a></li>
    </ul>
    <div id="detail">
    <s:form id="conditionForm" action="autoSelectTutorExport.action">
     <table border="0" cellpadding="0" cellspacing="0">
      <tr>
       <td style="height: 30px; width: 90px; text-align:right;">出生日期开始</td>
       <td style="height: 30px; width: 220px;"><input type="text" maxlength="12" name="tutorSearch.birthdayFrom" id="birthdayFrom" class="text ui-widget-content ui-corner-all" /></td>
       <td style="height: 30px; text-align:right;">出生日期结束</td>
       <td><input type="text" maxlength="12" name="tutorSearch.birthdayTo" id="birthdayTo" class="text ui-widget-content ui-corner-all" /></td>
      </tr>
      <tr>
       <td style="height: 30px; width: 90px; text-align:right;">类别</td>
       <td><input type="text" name="tutorSearch.type" maxlength="32" id="type" class="text ui-widget-content ui-corner-all" /></td>
       <td style="height: 30px; text-align:right;">主讲课程</td>
       <td><input type="text" name="tutorSearch.major" maxlength="32" id="major" class="text ui-widget-content ui-corner-all" /></td>
      </tr>
      <tr>
       <td style="height: 30px; width: 90px; text-align:right;">讲师风格</td>
       <td><input type="text" maxlength="32" name="tutorSearch.style" id="style" class="text ui-widget-content ui-corner-all" /></td>
       <td style="height: 30px; text-align:right;">抽取人数</td>
       <td><input type="text" maxlength="32" name="autoSelectCount" id="autoSelectCount" class="text ui-widget-content ui-corner-all" /></td>
      </tr>
     </table>
     </s:form>
    </div>
    <div id="tab">
     <div id="toolbar">
      <button id="autoSelect">自动抽取</button>
      <button id="clear">清空条件</button>
      <button id="export">导出Excel</button>
      <button id="select">调用</button>
     </div>
     <div id="info">
      <table id="tutors"></table>
      <div id="pager"></div>
      <div id="selectDetail" title="评委调用">
      <form id="callForm">
      <input type="hidden" id="tutorIds" name="tutorIds" />
      <table id="call" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td>调用名</td>
          <td>
            <input type="text" name="tutorCall.callName" id="name" class="text ui-widget-content ui-corner-all" />
          </td>
          <td>调用类别</td>
          <td>
            <select name="tutorCall.callAim" id="callAim" class="text ui-widget-content ui-corner-all">
              <option value="0">测评</option>
              <option value="1">阅卷</option>
              <option value="2">培训</option>
            </select>
          </td>
        </tr>
        <tr>
          <td>调用缘由</td>
          <td colspan="3">
            <textarea rows="3" cols="28" name="tutorCall.callReason" id="reason" class="text ui-widget-content ui-corner-all"></textarea>
          </td>
        </tr>
        <tr>
          <td>调用备注</td>
          <td colspan="3">
            <textarea rows="3" cols="28" name="tutorCall.callRemark" id="remark" class="text ui-widget-content ui-corner-all"></textarea>
          </td>
        </tr>
      </table>
      </form>
      </div>
     </div>
    </div>
   </div>
  </div>
 </div>
</body>
</html>